<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>战术板</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="seed-gap"></div>
  <ul *ngIf="typeArr">
    <li *ngFor="let item of getKeys(typeArr);">
      <ng-container *ngIf="typeArr[item].length > 0">
        <div class="plan-title header">{{item}}</div>
        <div class="item seed-flexbox seed-flexbox-content-between seed-flexbox-align-center seed-underline"
           *ngFor="let each of typeArr[item]; let last = last"
           [class.seed-underline-none]="last"
           [routerLink]="['/train/tactical/'+ params.sportType +'/detail/' +each.key]"
        >{{each.value}}
          <seed-icon  color="c4" name="icon-arrow-right"></seed-icon>
        </div>
        <div class="seed-gap"></div>
      </ng-container>
    </li>
  </ul>
</seed-content>

